﻿@model Admin.Models.ViewModel
<div class="matter">
    <div class="container">
        <div class="row">
            <!-- Operating System -->
            <div class="col-md-4">
                <div class="widget">
                    <!-- Widget title -->
                    <div class="widget-head">
                        <div class="pull-left">
                            Step 1: Upload template/mockup
                        </div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a><a href="#" class="wclose">
                                <i class="icon-remove"></i></a>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                    <div class="widget-content referrer">
                        <!-- Widget content -->
                        <div class="well well-lg pull-left">
                            @using (Html.BeginForm("upload", "version", new { id = Model.Version.VersionID }, FormMethod.Post, new { enctype = "multipart/form-data" }))
                            {
                                <input type="file" name="file" id="file" class="pull-left" />
                                <input type="hidden"  value="@Model.Version.VersionID" name="id"/>
                                <button class="btn btn-primary pull-right" type="submit" value="Go">
                                    Go</button>
                            }
                        </div>
                        <div class="widget-foot">
                            <i>Refer document structure on template upload</i>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Browsers -->
            <div class="col-md-4">
                <div class="widget">
                    <!-- Widget title -->
                    <div class="widget-head">
                        <div class="pull-left">
                            Step 2: Select Pages
                        </div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a><a href="#" class="wclose">
                                <i class="icon-remove"></i></a>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                    <div class="widget-content referrer">
                        @if (Model.FileCollection.Count != null && Model.FileCollection.Count > 0)
                        {
                            <button data-action="ProcessPages" class="btn btn-primary pull-right" type="submit"
                                value="Go">
                                Go</button>
                            <!-- Widget content -->
                            <table class="table table-striped table-bordered" cellspacing="0" width="100%" id="pagelist">
                                <thead>
                                    <tr>
                                        <th>
                                            <input data-type="toggle-switch-master" type="checkbox">
                                        </th>
                                        <th>
                                            Name
                                        </th>
                                        <th>
                                            Type
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @for (int i = 0; i < Model.FileCollection.Count; i++)
                                    {
                                        <tr>
                                            <td>
                                                <input data-type="toggle-switch" type="checkbox" data-filename="@Model.FileCollection[i].FullName">
                                            </td>
                                            <td>
                                                @Model.FileCollection[i].Name
                                            </td>
                                            <td>
                                                @Model.FileCollection[i].Extension
                                            </td>
                                        </tr>
                                    }
                                </tbody>
                            </table>
                        }
                        else
                        {
                            <div class="well-lg">
                                No Pages for this version</div>
                        }
                        <div class="widget-foot">
                            <i>Select Pages to be processed</i>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Recent News -->
            <div class="col-md-4">
                <div class="widget">
                    <!-- Widget title -->
                    <div class="widget-head">
                        <div class="pull-left">
                            Step 3: Download plugin templates
                        </div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a><a href="#" class="wclose">
                                <i class="icon-remove"></i></a>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                    <div class="widget-content referrer">
                        <!-- Widget content -->
                        <div class="drilldown padd">
                            <!-- required -->
                            <div class="drilldown-container">
                                <!-- required -->
                                <ul class="drilldown-root recent">
                                    <!-- required, but not necessary UL -->
                                    <li><a href="#">A Lorem ipsum</a></li>
                                    <li><a href="#">A Dolor sit amet <span>&rarr;</span></a>
                                        <ul class="drilldown-sub recent">
                                            <!-- required for deeper (non-root) levels -->
                                            <li class="drilldown-back"><a href="#"><span>&larr;</span> Back</a></li><!-- required to be able to go back -->
                                            <li><a href="#">A Fusce eget</a></li>
                                            <li><a href="#">A Quam vel lorem <span>&rarr;</span></a>
                                                <ul class="drilldown-sub recent">
                                                    <li class="drilldown-back"><a href="#"><span>&larr;</span> Back</a></li>
                                                    <li><a href="#">A Molestie tincidunt</a></li>
                                                    <li><a href="#">A Pellentesque</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">A Sit amet tincidunt</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">A Consectetur</a></li>
                                    <li><a href="#">A Maecenas id</a></li>
                                    <li><a href="#">A Hendrerit odio <span>&rarr;</span></a>
                                        <ul class="drilldown-sub recent">
                                            <li class="drilldown-back"><a href="#"><span>&larr;</span> Back</a></li>
                                            <li><a href="#">A Cras tincidunt</a></li>
                                            <li><a href="#">A Vivamus eu</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="widget-foot">
                            <i>Each of these are MVC apps for business logic to be written</i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!-- Task widget -->
            <div class="col-md-5">
                <div class="widget">
                    <!-- Widget title -->
                    <div class="widget-head">
                        <div class="pull-left">
                            Step 4: Upload assets
                        </div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a><a href="#" class="wclose">
                                <i class="icon-remove"></i></a>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                    <div class="widget-content">
                        <!-- Widget content -->
                        <!-- Task list starts -->
                        <ul class="task">
                            <li>
                                <!-- Checkbox -->
                                <span class="uni">
                                    <input value="check1" type="checkbox"></span>
                                <!-- Task -->
                                Goto Shopping in Walmart <span class="label label-danger">Important</span>
                                <!-- Delete button -->
                                <a href="#" class="pull-right"><i class="icon-remove"></i></a></li>
                            <li>
                                <!-- Checkbox -->
                                <span class="uni">
                                    <input value="check1" type="checkbox"></span>
                                <!-- Task -->
                                Download some action movies
                                <!-- Delete button -->
                                <a href="#" class="pull-right"><i class="icon-remove"></i></a></li>
                            <li>
                                <!-- Checkbox -->
                                <span class="uni">
                                    <input value="check1" type="checkbox"></span>
                                <!-- Task -->
                                Read Harry Potter VII Book <span class="label label-danger">Important</span>
                                <!-- Delete button -->
                                <a href="#" class="pull-right"><i class="icon-remove"></i></a></li>
                            <li>
                                <!-- Checkbox -->
                                <span class="uni">
                                    <input value="check1" type="checkbox"></span>
                                <!-- Task -->
                                Collect cash from friends for camp
                                <!-- Delete button -->
                                <a href="#" class="pull-right"><i class="icon-remove"></i></a></li>
                            <li>
                                <!-- Checkbox -->
                                <span class="uni">
                                    <input value="check1" type="checkbox"></span>
                                <!-- Task -->
                                Sleep till tomorrow everning
                                <!-- Delete button -->
                                <a href="#" class="pull-right"><i class="icon-remove"></i></a></li>
                        </ul>
                        <div class="clearfix">
                        </div>
                        <div class="widget-foot">
                            <i>Any file uploaded will be added in head tag</i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="widget">
                    <div class="widget-head">
                        <div class="pull-left">
                            Step 5: Upload Plugin
                        </div>
                        <div class="widget-icons pull-right">
                            <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a><a href="#" class="wclose">
                                <i class="icon-remove"></i></a>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                    <div class="widget-content">
                        <div class="padd">
                            <div class="form quick-post">
                                <!-- Edit profile form (not working)-->
                                <form class="form-horizontal">
                                <!-- Title -->
                                <div class="form-group">
                                    <label class="control-label col-lg-3" for="title">
                                        Title</label>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" id="title">
                                    </div>
                                </div>
                                <!-- Content -->
                                <div class="form-group">
                                    <label class="control-label col-lg-3" for="content">
                                        Content</label>
                                    <div class="col-lg-9">
                                        <textarea class="form-control" id="content"></textarea>
                                    </div>
                                </div>
                                <!-- Cateogry -->
                                <div class="form-group">
                                    <label class="control-label col-lg-3">
                                        Category</label>
                                    <div class="col-lg-9">
                                        <select class="form-control">
                                            <option value="">- Choose Cateogry -</option>
                                            <option value="1">General</option>
                                            <option value="2">News</option>
                                            <option value="3">Media</option>
                                            <option value="4">Funny</option>
                                        </select>
                                    </div>
                                </div>
                                <!-- Tags -->
                                <div class="form-group">
                                    <label class="control-label col-lg-3" for="tags">
                                        Tags</label>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" id="tags">
                                    </div>
                                </div>
                                <!-- Buttons -->
                                <div class="form-group">
                                    <!-- Buttons -->
                                    <div class="col-lg-offset-2 col-lg-9">
                                        <button type="submit" class="btn btn-success">
                                            Publish</button>
                                        <button type="submit" class="btn btn-danger">
                                            Save Draft</button>
                                        <button type="reset" class="btn btn-default">
                                            Reset</button>
                                    </div>
                                </div>
                                </form>
                            </div>
                        </div>
                        <div class="widget-foot">
                            <!-- Footer goes here -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
